<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="include/base.jsp" %>
<!DOCTYPE HTML>
<html>
<head>
	<meta charset="UTF-8">
	<title>用户登陆</title>
	<link rel="shortcut icon" href="../img/favicon.ico" >
	<link rel="stylesheet" href="../css/bootstrap.css">
	<link rel="stylesheet" href="../css/animate.min.css">
	<style type="text/css">
		body{
			background: url(../img/3.jpg) no-repeat;
			background-size:cover;
			font-family: "Helvetica Neue",Helvetica,Ari;
		}
		
	</style>
</head>
<body>

	<!-- Modal -->
	
	<div class="container">
		<form class="form-horizontal test" style="margin-top:110px;margin-left:100px;" action="userlogin.jspx" method="post" >
			 <legend style="font-size:34px;">User Login In</legend>
			 	
			 	<c:if test="${not empty loginerror }">
			 		<div class="alert alert-error">
		              		<button type="button" class="close" data-dismiss="alert">×</button>
		              		<strong>Oh wrong!</strong> ${loginerror }
		              </div>
		              <%
		              	request.getSession().removeAttribute("loginerror");
		              %>
			 	</c:if>
			 	
				
			  <div class="control-group">
				    <div class="controls">
				      <input type="text" name="username" class="span6" id="inputEmail" placeholder="Username" style="height:30px;" >
				    </div>
			  </div>
			  <div class="control-group">
				    <div class="controls">
				      	<input type="password" name="password" class="span6" id="inputPassword" placeholder="Password" style="height:30px;">
				    </div>
			  </div>
			  <div class="control-group">
				    <div class="controls">
					    <button type="submit" class="btn btn-success span6 btn-large" style="margin-left:0px;" data-loading-text="Loading...">login in</button>

				    </div>
			  </div>
		</form>

	</div>
	<script src="../js/jquery.js" type="text/javascript"></script>
	<script src="../js/bootstrap.min.js" type="text/javascript"></script>
	<script type="text/javascript">
		$(document).ready(function(){
			$(".test").addClass("animated fadeInDown");
		});
	</script>
</body>
</html>